:root{
  --wg-navbar-height : 40px;
  --wg-box-wrapper-pad : 10px;
  --wg-box-wrapper-bgcolor : #eef0f4;
}
body{
  color:var(--el-text-color-regular)
}

.wg-box-wrapper {
  background-color: var(--wg-box-wrapper-bgcolor);
  padding: var(--wg-box-wrapper-pad) 0 0 var(--wg-box-wrapper-pad);

  .wg-box-block {
    padding: var(--wg-box-wrapper-pad);
    background-color: #ffffff;
    margin-top: var(--wg-box-wrapper-pad);
    &:first-child {
      margin-top: 0;
    }
  }

  .el-table{
    width: calc(100% - 5px) !important;
  }

  th {
    background-color: #f2f2f2 !important;
  }
}

.wg-box-inline {
  display: inline-block;
}

.wg-wid-full{
  width: 100%;
}
//
.wg-pda-mini{
  padding: var(--wg-box-wrapper-pad)
}
.wg-pdt-mini{
  padding-top: var(--wg-box-wrapper-pad)
}
.wg-pdb-mini{
  padding-bottom: var(--wg-box-wrapper-pad)
}
.wg-pdl-mini{
  padding-left: var(--wg-box-wrapper-pad)
}
.wg-pdr-mini{
  padding-right: var(--wg-box-wrapper-pad)
}

.wg-mga-mini {
  margin: var(--wg-box-wrapper-pad);
}
.wg-mgt-mini {
  margin-top: var(--wg-box-wrapper-pad);
}
.wg-mgb-mini {
  margin-bottom: var(--wg-box-wrapper-pad);
}
.wg-mgl-mini {
  margin-left: var(--wg-box-wrapper-pad);
}
.wg-mgr-mini {
  margin-right: var(--wg-box-wrapper-pad);
}

.wg-mga-big {
  margin: calc(2 * var(--wg-box-wrapper-pad));
}
.wg-mgt-big {
  margin-top: calc(2 * var(--wg-box-wrapper-pad));
}
.wg-mgb-big {
  margin-bottom: calc(2 * var(--wg-box-wrapper-pad));
}
.wg-mgl-big {
  margin-left: calc(2 * var(--wg-box-wrapper-pad));
}
.wg-mgr-big {
  margin-right: calc(2 * var(--wg-box-wrapper-pad));
}

.wg-bold{
  font-weight: bold;
}

.wg-title-1{
  font-size: 1.5em;
  font-weight: bold;
  margin-top: 20px;
  margin-bottom: 20px;
}

.wg-title-2{
  font-size: 1.2em;
  font-weight: bold;
  margin-top: 15px;
  margin-bottom: 15px;
}

.wg-top-popper {
  width: 200px;
}
